@import '../../var';
.orderInfo {
    box-sizing: border-box;
    width: 750rpx;
    margin-top: 20rpx;
    padding: 0rpx 30rpx;
    font-size: 26rpx;
    background-color: $bgcolor-light;
    .list {
        display: flex;
        flex: 1;
        justify-content: space-around;
        .logisticsTitle {
            height: 85rpx;
            line-height: 85rpx;
        }
        .content {
            display: flex;
            align-items: center;
            width: 500rpx;
            padding-left: 30rpx;
            color: $text-color;
            word-wrap: break-word;
            .logisticsList {
                width: 500rpx;
                color: $info-color;
                border-bottom: 1rpx solid #e8e8e8;
                .detail {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    float: right;
                    width: 78rpx;
                    height: 40rpx;
                    color: #55ab67;
                    font-size: 20rpx;
                    border: 1rpx solid rgba(85, 171, 103, 1);
                    border-radius: 20rpx;
                }
                &:last-child {
                    border-bottom: 0rpx;
                }
            }
        }
        .onMore {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50rpx;
            font-weight: 600;
            font-size: 30rpx;
        }
    }
}

.logisticsInfo {
    box-sizing: border-box;
    width: 100%;
    padding: 30rpx 30rpx 0rpx 30rpx;
    background-color: $bgcolor-light;
    .listBox {
        padding-bottom: 50rpx;
        color: $info-color;
        .circular {
            position: relative;
            left: -8rpx;
            width: 16rpx;
            height: 16rpx;
            background-color: $decor-color;
            border-radius: 50%;
        }
        font-size: 26rpx;
        line-height: 32rpx;
        border-left: 1rpx solid #e8e8e8;
        .contentBox {
            flex: 1;
            margin: -20rpx 30rpx;
            .time {
                flex: 1;
                height: 56rpx;
                font-size: 20rpx;
                margin-top: 6rpx;
                border-bottom: 1rpx solid #e8e8e8;
            }
        }
        &:first-child {
            margin-top: 14rpx;
            color: #55ab67;
            border-left: 1rpx solid #55ab67;
            .circular {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #55ab67;
                image {
                    position: absolute;
                    width: 34rpx;
                    height: 34rpx;
                }
            }
        }
        &:last-child {
            color: $info-color;
            .circular {
                background-color: $decor-color;
            }
            border-left: none;
            .time {
                border-bottom: none;
            }
        }
    }
}